<template>
	<div class="deleteBox">
		<div class="addressdelete">
			<p v-html="msg">确定要<span>删除</span>该地址吗？</p>
			<span @click="deleteaddr()">确定</span><span @click="dltqx()">取消</span>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:['msg'],
		methods:{
			deleteaddr:function(){
				this.$emit('btnstatus',true);
			},
			dltqx:function(){
				this.$emit('btnstatus',false);
			}
		}
	}
</script>

<style>
	.deleteBox {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.4);
	font-size:0;
	z-index: 99999;
}
.addressdelete{
	width:5.9rem;
	height:2.94rem;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -1.47rem;
	margin-left: -2.95rem;
	background-color:#fff;
	text-align: right;
}
.deleteBox p{
	font-size:0.34rem;
	color:#2b2b2b;
	padding-top:0.6rem;
	padding-left:0.68rem;
	text-align: left;
	margin-bottom: 1.3rem;
}
.deleteBox p span{
	color:#EE4846;
	font-weight:600;
}
.addressdelete>span{
	font-size:0.32rem;
	color:#2b2b2b;
	padding-left:0.45rem;
	padding-right:0.45rem;
}
.addressdelete>span:nth-child(2){
	border-right:1px solid #eee;
}
</style>